.loading {
    $background-color_1: #743481;
    $block-size: 5em;
    @keyframes flip {
        50% {
            transform: rotateY(180deg);
        }
        100% {
            transform: rotateY(180deg) rotateX(180deg);
        }
    }
    &__box {
        // 使用 Flexbox 来居中
        display: flex;
        justify-content: center; // 水平居中
        align-items: center; // 垂直居中
        height: 100vh; // 让容器占满整个视口高度
        perspective: 120px;
    }
    
    &__plane {
        width: $block-size;
        height: $block-size;
        background-color: $background-color_1;
        transform: rotate(0);
        animation: flip 1.5s infinite;
    }
}